/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28-nov-2013, 18.29.08
    Author     : Fede
*/

html,body{margin: 0; padding: 0; height: 100%;}
body{
	font-family: arial,sans-serif;
	font-size: 13px;
	text-align: center;
	background-color: white;
	color: #252525;
}
a , img {border: 0px;}
a:link {color: #252525; text-decoration: underline;}
a:visited {color: #252525; text-decoration: underline;}
a:hover {color: #2e3192; text-decoration: underline;}
a#nob { text-decoration: none;}
h2 {text-transform: uppercase; color: #2e3192;}
h3 { text-transform: uppercase;}
h4 {border: 0; padding: 0; padding-top: 10px; margin:0; text-transform: uppercase;}
#notification {color: red;}
/*container*/
.clear { clear: both;}
div#container{
	position: relative;
    height: auto !important;  /* FF2 & IE7 */
    height: 100%;      /* IE5.x & IE6 */
    min-height: 100%;  /* FF2 & IE7 */
    margin: 0 auto;
	text-align: left;
	width: 960px;
}
input[type=text] {border: 1px solid #abadb3;}
div#print {float: right;}
/*switch*/
div#switch { float: left; width: 200px; background: url("../images/switch.jpg") no-repeat top left; text-align: center;}
div#collection { margin-left: 760px; width:200px; background: url("../images/switch.jpg") no-repeat top right; text-align: center;}
/*header*/
div#header {text-align: center; border-bottom: 1px solid #C5C5C5;}
/*navigation*/
div#navigation {margin: auto !important; padding: auto !important; text-align: center;}
/*-------menu------*/
ul#nav {text-align: left; text-transform: uppercase; font-weight: bold;}
ul#nav,ul#nav li,ul#nav ul{margin: 0;padding: 0;list-style: none;line-height: 1.8em;}
ul#nav a{display: block;padding: 0 1em;text-decoration: none;color:#1D1D1D;}
ul#nav a:hover{color: #2e3192; text-decoration: underline;}
ul#nav li{float: left;position: relative;}
ul#nav li li{float: none; border: 0; border-top: 1px solid #C5C5C5;}
ul#nav li li#first {border: 0px solid #C5C5C5;}
ul#nav ul{position: absolute;top: 1.7em;left: -9999px;width: 11em;border: 1px solid #2e3192; border-top: 0;background-color: white;}
ul#nav li:hover ul{left: auto}
/*------------------*/
/*content*/
div#content {background-color: #F5F5F5; clear: both;}
div#bottom {background: url("../images/bottom.jpg") no-repeat bottom;}
div#top {border-top: 2px solid #2e3192;}
.error {width: 350px; text-transform: uppercase; color: red; font-weight: bold;}
div#data {padding: 10px 20px 10px 20px;}
/*data*/
div#one {padding: 0 0 20px 100px; border-bottom: 2px dotted #D0D0D0; background: url("../images/one.jpg") no-repeat top left;}
div#two {padding: 0 0 20px 100px; border-bottom: 2px dotted #D0D0D0; background: url("../images/two.jpg") no-repeat top left;}
div#three {padding: 0 0 20px 100px; border-bottom: 2px dotted #D0D0D0; background: url("../images/three.jpg") no-repeat top left;}
div#num {padding: 20px 0 20px 0;  border-bottom: 2px dotted #D0D0D0;}
div#hidden { display: none;}
#centra {text-align: center;}
table {border-collapse: collapse;}
#firstRow td {font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #2e3192; vertical-align: bottom; padding: 0 3px 0 3px;}
#view td {border-bottom: 1px solid #2e3192; padding: 0 2px 0 2px;}
.over tr#view:hover {background-color: #DEDEDE;}
#number { text-align: right;}
.total, .total td {text-transform: uppercase; font-weight: bolder; border-top: 2px solid #2e3192; background-color: #DEDEDE;}
div#left {float:left; width: 50%; border-right: 2px dotted #C5C5C5;}
div#right {margin-left: 50%; padding-left: 20px;}
/*#button {text-transform: uppercase; border: 0px; background-color: #F5F5F5;}*/
.disable { color: #000000; }
/*index*/
h3#home {width: 12%; text-transform: uppercase; font-weight: bold; color: #2e3192;}
ul#home {text-transform: uppercase; list-style: none;}
div#op {border-bottom: 1px solid #C5C5C5; border-top: 1px solid #C5C5C5; margin: 8px 0 8px 0; text-transform: uppercase; font-weight: bold;}
div#op a {text-decoration: none;}
td#leftAl {text-align: left;}
#green { color: #008000;}
#red { color: #B43530;}
/*statistiche*/
div#statmenu { float: left; width: 130px; margin: 0; padding-top: 20px;}
#statmenu ul { border: 0; margin: 0; padding: 0;list-style: none;}
#statmenu ul li { }
#statmenu a {  margin-left: 10px; padding-left: 5px; text-transform: uppercase; text-decoration: none; font-weight: bold;}
#statmenu a:hover { text-decoration: underline; border-left: 2px solid #C5C5C5;}
div#stat { margin-left: 130px; padding-left: 20px; border-left: 2px dotted #C5C5C5;}
#totali_stat { font-weight: bold; text-transform: uppercase;}
/*template*/
div#leftT { float: left; width: 220px; margin: 0; padding: 0; border-right: 1px solid #C5C5C5;}
div#rightT { margin: 0 0 0 220px; padding: 0 0 0 30px; width:250px; border-left: 1px solid #C5C5C5;}
div#hidden { display: none; margin: 0; padding: 0 0 0 20px; border: 1px solid #F5F5F5; }
/*footer*/
.clearCol {
	clear: both;
	height: 60px;
}
div#footer{
	text-align: center;
	position: absolute;
	height: 55px;
	width: 100%;
	bottom: 0;
}

span#insertoTitolo {
	font-family: arial,sans-serif;
	font-size: 13px;
	text-align: center;
	color: #252525;	
}

/* FEDE */

div#bolla {
    
    border: 1px solid #C5C5C5;
    background-color: white;
    border-radius: 10px; 
    -moz-border-radius: 10px; /* firefox */
    -webkit-border-radius: 10px; /* safari, chrome */
    text-align:center;
    display:inline-block;
    padding: 10px 10px 10px 10px; 
    margin-bottom: 10px;
    margin-right: 10px;
}

div#bolla_left {
    
    border: 1px solid #C5C5C5;
    background-color: white;
    border-radius: 10px; 
    -moz-border-radius: 10px; /* firefox */
    -webkit-border-radius: 10px; /* safari, chrome */
    text-align:left;
    display:inline-block;
    padding: 10px 10px 10px 10px; 
    margin-bottom: 10px;
    margin-right: 10px;
}

#login_info {
    
    border: 1px solid #C5C5C5;
    background-color: white;
    border-radius: 10px; 
    -moz-border-radius: 10px; /* firefox */
    -webkit-border-radius: 10px; /* safari, chrome */
    text-align:center;
    padding: 10px 10px 10px 10px; 
    margin: 10px 10px 10px 10px; 
    float:right;
}

.wrapper {
    text-align: center;
}
.wrapper ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    zoom:1;
    *display: inline;
    text-transform: uppercase; 
    font-weight: bold;
    list-style: none;
    line-height: 1.8em;
}
.wrapper li {
    float: left;
    padding: 2px 5px;
    list-style: none;
    line-height: 1.8em;
}

.wrapper a {
    
    display: block;
    padding: 0 1em;
    text-decoration: none;
    color:#1D1D1D;
    
}

.wrapper a:hover {
    
    color: #2e3192; 
    text-decoration: underline;
    
}

#user_profile {
    
    text-align: center;
    display:inline-block;
    
}

#user_profile #photo {
    
    float: left;
    
}

#user_profile #photo img {
    
    width: 200px;
    
}



#user_profile #user_info {
    
    float: left;
    text-align: left;
    
}

#user_profile #user_info #table_user_info td {
    
    text-align: left;
    
}

.center {
    text-align:center;
}